import React from "react";
import { Card,Col,Row } from "antd";
import "./../css/app.css"

const HomeCard = () => (
  <div>
    <Card title="精选">
    <Row gutter={16} className="space2">
    <Col span={8}>
      <Card title="家政保姆徐阿姨" bordered={false}  extra={<a href="/">更多信息</a>}>
      <p>46岁</p>
      <p>从业13年</p>
      <p>好评率99.9%</p>
      <p>[深圳·罗湖区·梧桐山南]</p>
      </Card>
    </Col>
    <Col span={8}>
    <Card title="家政保洁蒋阿姨" bordered={false}  extra={<a href="/">更多信息</a>}>
      <p>43岁</p>
      <p>从业9年</p>
      <p>好评率99.5%</p>
      <p>[福州·晋安区·五里亭]</p>
      </Card>
    </Col>
    <Col span={8}>
    <Card title="老人陪护方阿姨" bordered={false}  extra={<a href="/">更多信息</a>}>
      <p>45岁</p>
      <p>从业10年</p>
      <p>好评率99.5%</p>
      <p>[上海·长宁区·江苏路]</p>
      </Card>
    </Col>
  </Row>
  <Row gutter={16} className="space2">
    <Col span={8}>
      <Card title="家电维修张师傅" bordered={false}  extra={<a href="/">更多信息</a>}>
      <p>51岁</p>
      <p>从业18年</p>
      <p>好评率99.8%</p>
      <p>[宁波·江北区·倪家堰]</p>
      </Card>
    </Col>
    <Col span={8}>
    <Card title="老人陪护魏阿姨" bordered={false}  extra={<a href="/">更多信息</a>}>
      <p>41岁</p>
      <p>从业10年</p>
      <p>好评率99.6%</p>
      <p>[西安·长安区·凤栖原]</p>
      </Card>
    </Col>
    <Col span={8}>
    <Card title="护工陪护刘阿姨" bordered={false}  extra={<a href="/">更多信息</a>}>
      <p>39岁</p>
      <p>从业10年</p>
      <p>好评率99.7%</p>
      <p>[厦门·湖里区·小东山]</p>
      </Card>
    </Col>
  </Row>
  </Card>
  </div>
);

export default HomeCard;



